<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>主页面</title>
    <link rel="stylesheet" href="../static/css/guide.css" />
  </head>
  <body>
    <div class="container">
      <!-- 导航栏 -->
      <nav class="navbar">
        <img
          src="../static/image/cutcamera.png"
          alt="用户头像"
          style="
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
          "
        />
        <a href="{{ url_for('center') }}">
          <button class="nav-button" id="center-btn">个人中心</button>
        </a>
        <a href="{{ url_for('account') }}">
          <button class="nav-button" id="account-btn">账号安全</button>
        </a>
        <button class="nav-button">使用指南</button>
        <a href="{{ url_for('crawler') }}">
          <button class="nav-button">评论数据获取</button>
        </a>
        <!-- 将探索型数据分析按钮变成一个跳转链接 -->
        <a href="{{ url_for('exploration') }}">
          <button class="nav-button">探索型数据分析</button>
        </a>
        <button class="nav-button" id="logout-btn">退出登录</button>
      </nav>

      <!-- 主内容区域 -->
      <main class="main-content" id="main-content">
        <div class="sidebar">
          <div>
            <h2>目录</h2>
            <ul>
              <li><a href="#section1" onclick="scrollToSection('section1')">一、系统登录与注册</a></li>
              <li><a href="#section2" onclick="scrollToSection('section2')">二、系统主页面及功能导航</a></li>
              <li><a href="#section3" onclick="scrollToSection('section3')">三、评论数据获取</a></li>
              <li><a href="#section4" onclick="scrollToSection('section4')">四、探索型数据分析</a></li>
              <li><a href="#section5" onclick="scrollToSection('section5')">五、结果展示与报告功能</a></li>
              <li><a href="#section6" onclick="scrollToSection('section6')">六、退出登录</a></li>
            </ul>
          </div>
        </div>

        <div class="content">
          <h1>MOOC之声 MOOC课程评论可视化分析系统 V1.0 使用指南</h1>
          <p>更新时间：2024-12-24</p>

          <h2 id="section1">一、系统登录与注册</h2>
          <p>打开“MOOC之声”系统，首先进入登录页面。新用户需点击注册按钮，填写相关信息进行账号注册。注册完成后，使用注册的账号和密码进行登录。</p>

          <h2 id="section2">二、系统主页面及功能导航</h2>
          <p>登录成功后，进入系统主页面。系统主页面上方导航栏包含六个按钮：个人中心、账号安全、使用指南、评论数据获取、探索型数据分析、退出登录。</p>
          <ol>
              <li><h3>个人中心</h3><p>用于修改个人信息。</p></li>
              <li><h3>账号安全</h3><p>用于修改账号密码。</p></li>
              <li><h3>使用指南</h3><p>提供系统使用说明。</p></li>
              <li><h3>评论数据获取</h3><p>用于获取相关课程的评论数据。</p></li>
              <li><h3>探索型数据分析</h3><p>用于对获取的评论数据进行深入分析。</p></li>
              <li><h3>退出登录</h3><p>退出当前系统。</p></li>
          </ol>

          <h2 id="section3">三、评论数据获取</h2>
          <p>点击“评论数据获取”按钮，进入评论数据获取页面。在页面中输入想要获取评论的课程名称，并点击“搜索课程”按钮。搜索完成后，将显示“查看课程”按钮。点击查看后，展示搜索的相关课程链接。</p>
          <p>选择想要获取评论的课程，复制该课程的URL到评论数据获取页面的搜索框中，并点击“爬取评论”按钮。系统将自动爬取该课程的评论数据。</p>

          <h2 id="section4">四、探索型数据分析</h2>
          <p>爬取评论完成后，点击“探索型数据分析”按钮，进入数据探索页面。在数据探索页面，首先选择想要分析的评论数据文件（CSV或XLSX格式），并点击“上传文件”按钮进行上传。</p>
          <p>上传完成后，可点击“查看文件内容”按钮快速查看文件内容。确认信息无误后，点击“数据探索”按钮。数据探索页面将提供四个数据分析选项：词云图、词频统计图、评分统计图、情感分析。用户可单独选择其中一个或多个选项进行分析。</p>
          <p>分析完成后，用户可点击“清除缓存”按钮，以便进行新的文件上传和分析。</p>

          <h2 id="section5">五、结果展示与报告功能</h2>
          <p>分析完成后，系统将以图表形式展示分析结果。用户可直接在浏览器中查看实时数据分析结果。</p>
          <p>若需要将分析结果保存为报告，用户可点击下载功能，将结果导出为报告进行后续使用。</p>

          <h2 id="section6">六、退出登录</h2>
          <p>使用完毕后，点击“退出登录”按钮，退出当前系统。</p>

          <p>请注意，为保障“MOOC之声”系统的最佳性能，建议用户在运行系统时关闭不必要的后台程序，释放系统资源。同时，系统采用加密存储技术，确保用户的个人数据安全，用户可放心使用。</p>
      </div>

      </main>
    </div>

    <script src="../static/js/guide.js"></script>
  </body>
</html>